<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>
<title>3D coastline - Мини Глобус WebGL Earth</title>
<script src="http://www.webglearth.com/api.js"></script>
<script>
  var earth;
  var bingA, bingAWL, bingR;
  function initialize() {
    var options = { zoom: 0, position: [44.429800, 33.651809], proxyHost: 'http://data.webglearth.com/cgi-bin/corsproxy.fcgi?url=' };
    earth = new WebGLEarth('earth_div', options);
    
    // Get your own key from: https://www.bingmapsportal.com/ 
	//var bingKey = 'AsLurrtJotbxkJmnsefUYbatUuBkeBTzTL930TvcOekeG8SaQPY9Z5LDKtiuzAOu';
    var bingKey = 'AiU9abPCMTFQ-Y_J8yw1ZCn8WgHxSIaNypMDVPdFyjckUOKCcb_4P-DuTsLitgxE';
	
    
    bingA = earth.initMap(WebGLEarth.Maps.BING, ['Aerial', bingKey]);
    bingAWL = earth.initMap(WebGLEarth.Maps.BING, ['AerialWithLabels', bingKey]);
    bingR = earth.initMap(WebGLEarth.Maps.BING, ['Road', bingKey]);
    
    earth.setBaseMap(bingR);
  }
</script>
</head>
<body onload="initialize()">
<font face="verdana, sans-serif" size="1">
    <div id="earth_div" style="width:500px;height:500px;border:1px solid gray; padding:2px;"></div>
	<div style="text-align:left">
	Глобус <b>WebGL Earth</b><br> 
    Переключить карту:
	<a href="#" onClick="earth.setBaseMap(bingR); return false;">Road</a>
	<a href="#" onClick="earth.setBaseMap(bingAWL); return false;">Aerial with labels</a>
	<a href="#" onClick="earth.setBaseMap(bingA); return false;">Aerial</a>
    </div>
</font>
</body>
</html>